<template>
  <div>
    <HeaderTwo />
    <PageHeader title="新闻详情" />
    <BlogDetails ref="blogDetail" />
    <Footer />
  </div>
</template>
<script>
  import HeaderTwo from "~/components/HeaderTwo.vue";
  import PageHeader from "~/components/PageHeader.vue";
  import BlogDetails from "~/components/BlogDetails.vue";
  import Footer from "~/components/Footer.vue";
  export default {
    components: {
      HeaderTwo,
      PageHeader,
      BlogDetails,
      Footer
    },
    mounted() {
      this.initData(this.$route.query.id)
    },
    methods:{
      initData(id){
        this.$refs.blogDetail.getData(id)
      }
    },
    head(){
      return {
        title: "Dimon | Blog Details"
      }
    }
  }
</script>
